<script setup lang="ts">
import * as icons from '@element-plus/icons-vue'
import { ElIcon } from 'element-plus';
import {createVNode} from 'vue'
const props = defineProps({
  name: {
    type:String
  }
})
/* 必须给索引一个类型的定义 */
/* key值必须是 icons允许出现的值*/
//props.name   as       keyof       typeof
//咱们定义的key 确定是  属于谁的key  得到检测对象的ts的数据类型（值和key）
const MyIcon=icons[props.name as keyof typeof icons];


</script>
<template>
    <el-icon>
        <MyIcon/>
    </el-icon>
</template>